<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0,user-scalable=0">
    <title>小米商城-小米官方网站，小米手机、红米手机正品专卖</title>
    <link rel="shortcut icon" href="https://m.mi.com/favicon.ico">
    <link rel="stylesheet" href="./css/notebook.css">
    <script src="./js/notebook.js"></script>
</head>

<body>
    <header>
        <a class="logo" href="">
            <img src="./img/logo.png" alt="">
        </a>
        <div class="search-box">
            <p class="search-p"></p>
            <p class="search">搜索商品名称</p>
        </div>
        <a class="user" href="">
            <p class="user-p"></p>
        </a>
    </header>
    <div class="nav">
        <div class="inner-nav">
            <a href="">
                <div class="nav-item"><span>推荐</span></div>
            </a>
            <a href="./intelligence.html">
                <div class="nav-item"><span>智能</span></div>
            </a>
            <a href="./HEA.html">
                <div class="nav-item"><span>家电</span></div>
            </a>
            <a href="">
                <div class="nav-item"><span>电视</span></div>
            </a>
            <a href="./notebook.html">
                <div class="nav-item"><span>笔记本</span></div>
            </a>
            <div class="nav-item"><span></span>
                <div class="nav-display">
                    <p></p>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="line"></div>
        <div class="title-p">
            <img src="./img/recommended.jpg" alt="">
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good76.jpg" alt="">
                </div>
                <div class="info">
                    <div class="info1">
                        <p class="name">RedmiBook Air 13</p>
                        <p class="price">￥5199 <span>起</span></p>
                    </div>
                    <div class="info2">
                        <p class="desc">打开它，就像翻开一本杂志</p>
                        <p class="buy">立即购买</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="goods">
            <a href="" class="goods-item">
                <div class="img">
                    <img src="./img/good77.jpg" alt="">
                    <div class="tag">
                        <img src="	https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f3b038c87bab3f88678b29de82c9969f.png?w=167&h=167" alt="">
                    </div>
                </div>
                <div class="info">
                    <div class="info1">
                        <p class="name">小米显示器 27英寸 165Hz版</p>
                        <p class="price">￥2199 <span></span></p>
                    </div>
                    <div class="info2">
                        <p class="desc">超广色域震撼影音，超清高刷畅爽电竞</p>
                        <p class="buy">立即购买</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="title-p">
            <img src="./img/new3.jpg" alt="">
        </div>
        <div class="line"></div>
        <div class="goods2">
            <a href="" class="goods-item">
                <img src="./img/good78.jpg" alt="">
                <div class="info">
                    <div class="info1">
                        <p class="name">RedmiBook 16</p>
                        <p class="desc">便携大屏，全"芯"超越</p>
                    </div>
                    <div class="info2">
                        <p class="price">￥5299<span>￥5699</span></p>
                        <p class="buy">立即购买</p>
                    </div>
                </div>
            </a>
            <a href="" class="goods-item">
                <img src="./img/good80.jpg" alt="">
                <div class="info">
                    <div class="info1">
                        <p class="name">Pro 15.6" 2020款</p>
                        <p class="desc">从核心到视野，再次突破强大</p>
                    </div>
                    <div class="info2">
                        <p class="price">￥5299<span>￥5699</span></p>
                        <p class="buy">立即购买</p>
                    </div>
                </div>
            </a>
        </div>
        <div class="line"></div>
        <div class="title-p">
            <img src="./img/classic-hot.jpg" alt="">
        </div>
        <div class="line"></div>
        <div class="title-p">
            <img src="./img/others.jpg" alt="">
        </div>
        <div class="line"></div>
        <div class="title-p">
            <img src="./img/guide.jpg" alt="">
        </div>
        <div class="bottom-p">
            <a href="">
                <img src="./img/bottom-p1.jpg" alt="">
            </a>
            <a href="">
                <img src="./img/bottom-p2.jpg" alt="">
            </a>
        </div>
        <div class="bottom-p">
            <a href="">
                <img src="./img/bottom-p3.jpg" alt="">
            </a>
            <a href="">
                <img src="./img/bottom-p4.jpg" alt="">
            </a>
        </div>
        <div class="bottom-p">
            <a href="">
                <img src="./img/bottom-p5.jpg" alt="">
            </a>
            <a href="">
                <img src="./img/bottom-p6.jpg" alt="">
            </a>
        </div>
    </div>
    <footer>
        <div class="bt-nav">
            <a href="" class="bt-nav-item">
                <img src="./img/hp.png" alt="">
                <p>首页</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/sort.png" alt="">
                <p>分类</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/community.png" alt="">
                <p>米圈</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/cart.png" alt="">
                <p>购物车</p>
            </a>
            <a href="" class="bt-nav-item">
                <img src="./img/mine.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </footer>
    <div class="btfloat">
        <a href=""><img src="./img/btfloat.png" alt=""></a>
    </div>

</body>

</html>